@font-face {
  font-family: "AlibabaPuHuiTi-Medium";
  font-style: normal;
  font-weight: 500;
  src: url('//at.alicdn.com/wf/webfont/Q00CsGcpaPBD/GQDXq3QGrMZZv-LuX3Chy.woff2') format("woff2");
}

@font-face {
  font-family: "AccidentalPresidency";
  font-style: normal;
  font-weight: 400;
  src: url('//at.alicdn.com/wf/webfont/Q00CsGcpaPBD/XVeGeVIiI9L3pEMXT6EF-.woff2') format("woff2");
}

@font-face {
  font-family: "AlibabaPuHuiTi-Regular";
  font-style: normal;
  font-weight: 400;
  src: url('//at.alicdn.com/wf/webfont/Q00CsGcpaPBD/XVeGeVIiI9L3pEMXT6EF-.woff2') format("woff2");
}

@font-face {
  font-family: "AlibabaPuHuiTi-Bold";
  font-style: normal;
  font-weight: 700;
  src: url('//at.alicdn.com/wf/webfont/Q00CsGcpaPBD/v4p9qWHHQip1ltimiXpIP.woff2') format("woff2");
}
:root { 
  --bay-of-many: #21448b;
  --blueberry: #3e7fff;
  --cerulean: #28afe1;
  --dove-gray: #6c6c6c;
  --masala: #3c3c3c;
  --navy-blue: #1a73e8;
  --navy-blue-2: #1a73e810;
  --salmon: #ff8b60;
  --shark: #28282c;
  --trout: #52525a;
  --trout-2: #4a555f;
  --tundora: #444444;
  --white: #ffffff;
 
  --font-size-l: 14px;
  --font-size-m: 13px;
  --font-size-xl: 16px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 22px;
  --font-size-xxxxl: 24px;
  --font-size-xxxxxl: 32px;
 
  --font-family-accidentalpresidency: "AccidentalPresidency", Helvetica;
  --font-family-alibabapuhuiti-bold: "AlibabaPuHuiTi-Bold", Helvetica;
  --font-family-alibabapuhuiti-medium: "AlibabaPuHuiTi-Medium", Helvetica;
  --font-family-alibabapuhuiti-regular: "AlibabaPuHuiTi-Regular", Helvetica;
  --font-family-pingfangsc-medium: "PingFangSC-Medium", Helvetica;
  --font-family-pingfangsc-regular: "PingFangSC-Regular", Helvetica;
  --font-family-pingfangsc-semibold: "PingFangSC-Semibold", Helvetica;
}
.pingfangsc-regular-normal-masala-16px {
  color: var(--masala);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-xl);
}

.pingfangsc-normal-bay-of-many-24px {
  color: var(--bay-of-many);
  font-family: var(--font-family-pingfangsc-semibold);
  font-size: var(--font-size-xxxxl);
}

.pingfangsc-regular-normal-white-22px {
  color: var(--white);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-xxxl);
}

.pingfangsc-regular-normal-dove-gray-13px {
  color: var(--dove-gray);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-m);
}

.pingfangsc-normal-bay-of-many-20px {
  color: var(--bay-of-many);
  font-family: var(--font-family-pingfangsc-semibold);
  font-size: var(--font-size-xxl);
}

.pingfangsc-regular-normal-tundora-14px {
  color: var(--tundora);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-l);
}

.pingfangsc-regular-normal-tundora-16px {
  color: var(--tundora);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-xl);
}

.pingfangsc-normal-shark-32px {
  color: var(--shark);
  font-family: var(--font-family-pingfangsc-medium);
  font-size: var(--font-size-xxxxxl);
}

.pingfangsc-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-pingfangsc-semibold);
  font-size: var(--font-size-xxxxl);
}

.pingfangsc-normal-masala-16px {
  color: var(--masala);
  font-family: var(--font-family-pingfangsc-medium);
  font-size: var(--font-size-xl);
}

.pingfangsc-normal-bay-of-many-18-9px {
  color: var(--bay-of-many);
  font-family: var(--font-family-pingfangsc-semibold);
  font-size: 18.9px;
}

.pingfangsc-regular-normal-white-13px {
  color: var(--white);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-m);
}

.pingfangsc-normal-white-18-4px {
  color: var(--white);
  font-family: var(--font-family-pingfangsc-medium);
  font-size: 18.4px;
}

.accidentalpresidency-normal-white-56-4px {
  color: var(--white);
  font-family: var(--font-family-accidentalpresidency);
  font-size: 56.4px;
  font-style: normal;
  font-weight: 400;
}

.pingfangsc-regular-normal-trout-14px {
  color: var(--trout);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-l);
}

.pingfangsc-regular-normal-trout-16px {
  color: var(--trout-2);
  font-family: var(--font-family-pingfangsc-regular);
  font-size: var(--font-size-xl);
}

.pingfangsc-normal-bay-of-many-26px {
  color: var(--bay-of-many);
  font-family: var(--font-family-pingfangsc-semibold);
  font-size: 26px;
}

:root {
}
*{
	box-sizing: border-box;
}
html,
body {
	margin: 0;
	padding: 0;
}

body {
	min-width: 1200px;
	overflow: auto;
	background-color: #F7F8FB;
}

.imgItem {
	display: flex;
	position: relative;
	background-color: #F7F8FB;
}

.imgItem img {
	width: 100%;
}

.imgItem img:not(:first-child) {
	padding-top: 15px;
}

.mainText {
	left: 19%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.mainText .text {
	height: 64px;
  font-family: var(--font-family-alibabapuhuiti-bold);
	font-size: 64px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 64px;
	font-weight: 700;
}

.mainText .secondText {
	height: 38px;
	opacity: 0.8;
  font-family: var(--font-family-alibabapuhuiti-regular);
	font-size: 28px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 400;
	margin: 18px 0 38px;
}

.itemBtn {
	width: 174px;
	height: 48px;
	background: #FFFFFF;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
  font-family: var(--font-family-alibabapuhuiti-medium);
	font-size: 20px;
	color: #2A14CC;
	letter-spacing: 0;
	font-weight: 500;
	cursor: pointer;
}

.title {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 25px;
	font-family: PingFangSC-Medium;
	font-size: 32px;
	color: #28282C;
	font-weight: 500;
	height: 85px;
}

.title>.right {
	color: #FF8B60;
	margin-left: 10px;
	display: inline-block;
}

.secondTitle {
	font-family: PingFangSC-Light;
	font-size: 16px;
	color: #52525A;
	text-align: center;
	font-weight: 200;
	margin-top: 8px;
}




.robotAll {
	position: relative;
	padding-bottom: 180px;
}

.robotAll .title,.normalItem .title {
	top: 40px;
}

.robot {
	width: 970px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-bottom: 40px;
}

.robotItem {
	text-align: center;
	min-width: 308px;
}

.robotIcon {
	width: 64px;
	height: 64px;
	margin: 0 auto;
}

.robotText {
	height: 28px;
	font-family: PingFangSC-Medium;
	font-size: 20px;
	color: #384357;
	text-align: center;
	font-weight: 500;
	margin: 12px 0 16px;
}

.robotSecondText {
	height: 20px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #57647D;
	text-align: center;
	font-weight: 400;
}

.robotItem:nth-child(1) .robotIcon {
	background: url('/template/pc/images/智能客服.png') no-repeat;
	background-size: 100% 100%;
}

.robotItem:nth-child(2) .robotIcon {
	background: url('/template/pc/images/智能跟单.png') no-repeat;
	background-size: 100% 100%;
}

.robotItem:nth-child(3) .robotIcon {
	background: url('/template/pc/imagesv2/智能推荐.png') no-repeat;
	background-size: 100% 100%;
}

.robot:nth-child(2) .robotItem:nth-child(1) .robotIcon {
	background: url('/template/pc/imagesv2/智能点金.png') no-repeat;
	background-size: 100% 100%;
}

.robot:nth-child(2) .robotItem:nth-child(2) .robotIcon {
	background: url('./imagesv2/客服质检.png') no-repeat;
	background-size: 100% 100%;
}

.robot:nth-child(2) .robotItem:nth-child(3) .robotIcon {
	background: url('/template/pc/imagesv2/智能风控.png') no-repeat;
	background-size: 100% 100%;
}

.normalItem {
	position: relative;
	background-color: #F7F8FB;
}

.normalItem .img {
	width: 1200px;
	height: 378px;
	margin: 0 auto;
	position: relative;
	background: url('/template/pc/imagesv2/9.png') no-repeat;
	background-size: 100% 100%;
}

.normalItem img {
	width: 1200px;
}
.normalItem .title{
	position: static;
	padding: 40px 0;
	height: auto;
}

.normalText {
	position: absolute;
	left: 685px;
	top: 47px;
}

.normalTitle {
	height: 28px;
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #3C3C3C;
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 10px;
}

.normalSecond {
	width: 169px;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	color: #787878;
	line-height: 22px;
	font-weight: 400;
}

.normalLeft1 {
	left: 969px
}

.normalTop1 {
	top: 227px
}

.shopIntroduce {
	width: 1200px;
	height: 293px;
	background: #FFFFFF;
	border-radius: 12px;
	padding: 25px 0;
	margin: 0 auto;
	box-sizing: border-box;
}

.shopContent {
	display: flex;
	justify-content: space-around;
}

.shopCard {
	width: 269px;
	height: 180px;
	background-image: linear-gradient(45deg, #2695FA 0%, #2CB3FC 100%);
	border-radius: 5px;
	display: flex;
	padding: 30px 24px;
	box-sizing: border-box;
}

.shopIcon {
	width: 28px;
	height: 28px;
	margin-right: 15px;
}

.cardTitle {
	height: 28px;
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 600;
}

.cardSecond {
	width: 169px;
	height: 40px;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	line-height: 20px;
	font-weight: 400;
	margin-top: 10px;
}

.shopTips {
	display: flex;
	margin-top: 28px;
}

.tip {
	height: 36px;
	line-height: 36px;
	border: 1px solid #E2E2E2;
	border-radius: 18px;
	padding: 0 20px;
	margin-right: 20px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #595757;
	text-align: left;
	font-weight: 400;
}

.tip:first-child {
	margin-left: 64px;
}

/* .shopCard */
.shopIcon {
	background: url('/template/pc/imagesv2/商品推荐.png') no-repeat;
	background-size: 100% 100%;
}

.shopCard:nth-child(2) {
	background-image: linear-gradient(45deg, #F76529 0%, #F89537 100%);
}

.shopCard:nth-child(3) {
	background-image: linear-gradient(45deg, #17C6CE 0%, #1BD28C 100%);
}

.shopCard:nth-child(4) {
	background-image: linear-gradient(47deg, #A576FC 0%, #A677FC 100%);
}

.inlineCenter {
	text-align: center;
}
.color1 {
	background-color: #0D1845;
}

.color2 {
	background-color: #F1F2F6;
}
.color3 {
	background-color: rgba(237, 239, 245);
}
.bgWhite {
	background-color: #fff;
}

.fontWhite {
	color: #fff;
}
.padBottom{
	padding-bottom: 40px;
}
.view-item {
	width: 100%;
}
.view-title {
	margin-bottom: 32px;
	margin-top: 32px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}

.bg-white {
	background-color: white;
}
.bg-gray {
	background-color: #F7F8FB;
}
.fc-orange {
	color: #FF8B60;
}

.white-box {
	background-color: white;
	width: 1200px;
	padding: 50px 0;
	margin: 0 auto;
}

.blue-bg {
	background-color: #0D1845;
	padding-bottom: 30px;
}


.side-bar {
	z-index: 999;
	width: 100px;
	height: 140px;
	position: fixed;
	right: 0px;
	top: 300px;
	border-radius: 5px;
}
.pt-30 {
	padding-top: 30px;
}
.side-bar img {
	margin-bottom: 5px;
	cursor: pointer;
}

.side-bar .btn-ww {
}